<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
function sendMessage(text) {
	if (window.webkitNotifications.checkPermission() == 0) {
	   var notification = window.webkitNotifications.createNotification(
	        'mail.png', 'Je hebt een nieuw bericht', text);
	   notification.show();
	  } else{
	window.webkitNotifications.requestPermission();
	}
}

function sendAlarm() {
	if (window.webkitNotifications.checkPermission() == 0) {
	   var notification = window.webkitNotifications.createNotification(
	        'alarm.png', 'Belangrijk Bericht!', 'Beste Jan, gelieve zo snel mogelijk je meterstand in te geven.');
	   notification.show();
	  } else{
	window.webkitNotifications.requestPermission();
	}
}

function getMessages(){
	sendMessage('Beste Jan, We hebben een nieuwe aanbieding die jou...');
	sendMessage('Best Jan, Neem vlug eens een kijken naar onze nieuwste...')
	sendAlarm();
}

</script>
<body>
 <a onclick="getMessages()">Check Berichten<img src="refresh.png"></a><br>
</body>
</html>